<template>
  <div class="home">
    <head-component></head-component>
    <div class='common'>
      <search-component :navDatas='navDatas'></search-component>
      <price-component ></price-component>
      <ul class='common'>
        <content-component v-for='(itemInfo,i) in itemInfos' :key='i' :itemInfo='itemInfo'></content-component>
      </ul>
    </div>
    
  </div>
</template>

<script>
// @ is an alias to /src
import HeadComponent from '@/components/Headcomponent.vue'
import PriceComponent from '@/components/Pricecomponent.vue'
import searchComponent from '@/components/Search.vue'


export default {
  name: 'Home',
  data(){
    return{
      navDatas:[{href:'',title:'一淘限时抢'},{href:'',title:'苹果'},{href:'',title:'电视'},{href:'',title:'优衣库'},{href:'',title:'女裤休闲'},{href:'',title:'外套'},{href:'',title:'粉底'}],
      itemInfos:[
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'01.webp',href:'./about'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'02.webp',href:'./user'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'03.webp',href:'./game'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'04.webp',href:'./address'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'05.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'06.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'07.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'08.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'09.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'10.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'11.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'12.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'13.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'14.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'15.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'16.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'17.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'18.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'19.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'20.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'21.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'22.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'23.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'24.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'25.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'26.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'27.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'28.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'29.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'30.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'31.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'32.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'33.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'34.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'35.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'36.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'37.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'38.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'39.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'40.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'41.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'42.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'43.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'44.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'45.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'46.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'47.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'48.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'49.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'50.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'51.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'52.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'53.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'54.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'55.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'56.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'57.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'58.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'59.webp'},

        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'60.webp'},
        {proName:'妈妈冬装棉麻款棉衣外套女中长款中老年洋气格子棉服中年女装棉袄',preferentialPrice:'¥288', originalCost:'¥500',shopName:'品柜服饰旗舰店',sell:800,img:'61.webp'}

      ]
    }
  },
  components: {
    HeadComponent,
    searchComponent,
    PriceComponent,
    ContentComponent:()=>import('@/components/Contentcomponent.vue') 
  }
}
</script>
<style>
.common{   
  width: 1191px;
  margin:20px auto;
}
ul.common{
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}
</style>
